<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        //打印五行五列星星
        //核心:1.内层循环负责一行打印五个星星 2.外层负责打印五行
        /*  var str = '';
         for (var i = 1; i <= 5; i++) { //外层循环负责打印五行
             for (var j = 1; j <= 5; j++) { //里层循环负责一行打印五个星星
                 str += '★';
             }
             //如果一行打印完毕5个星星就要另起一行 加\n
             str += '\n';
         }
         console.log(str);
         //自己动手丰衣足食
         var a = '';
         var b = '★';
         for (var i = 1; i <= 5; i++) {

             for (var j = 1; j <= 5; j++) {
                 a += b;
             }
             a += '\n'; //我原本的思路是在打印五个加个换行,打印五次即可,但是因为需要将五行五列整个整体输出
             //并且如果按照这个思想去打印会变成 : ⑤★★★★★ 这样 不符合条件
             //C语言的话打印内层打印了五个换行就行,换行五次(c已经深入我的脑袋中)
         }
         console.log(a); */





        //打印n行n列的星星
        /*   var rows = prompt('请输入你需要的行数:');
        var cols = prompt('请输入你需要的列数:');
        var str = '';
        for (var i = 1; i <= rows; i++) {
            for (var j = 1; j <= cols; j++) {
                str += '★';
            }
            str += '\n';
        }
        console.log(str);
 */
        //自己动手 丰衣足食
        /* var a = prompt('请输入你需要的行数:');
        var b = prompt('请输入你需要的列数:');
        var str = '';
        for (var i = 1; i <= a; i++) {
            for (var j = 1; j <= b; j++) {
                str += '★';
            }
            str += '\n';
        }
        console.log(str); */

        //案例:打印倒三角形
        //核心算法  里层循环:j=i;j<=10;j++
        var str = '';
        for (var i = 1; i <= 10; i++) {
            for (var j = i; j <= 10; j++) { //里层循环打印的个数不一样  j=i;
                str += '★';
            }
            str += '\n';
        }
        console.log(str);
        //这是打印倒三角形 的第二个方法
        var str = '';
        for (var i = 10; i != 0; i--) {
            for (var j = 1; j <= i; j++) {
                str += '★';
            }
            str += '\n';
        }
        console.log(str);

        //打印正三角形
        var str = '';
        for (var i = 1; i <= 0; i++) {
            for (var j = 1; j <= i; j++) {
                str += '★';
            }
            str += '\n';
        }
        console.log(str);
    </script>
</head>

<body>

</body>

</html>